//回到顶部
var toTop = document.querySelector("#toTop");

//滚动条事件，滚动触发一次，这个事件就会执行一次
window.onscroll = function(){
    console.log(document.documentElement.scrollTop || document.body.scrollTop);
    //判断它距离顶部的位置
    if(document.documentElement.scrollTop > 1000 || document.body.scrollTop > 1000){
        toTop.style.display = "block";
    }else{
        toTop.style.display = "none";
    }
}

toTop.addEventListener('click',function(){
    //滚动到指定的位置
    //支持老版本的浏览器
    //window.scrollTo(0,0);
    
    //支持新版的chrome浏览器
    window.scrollTo({
        top:0,
        behavior:'smooth'
    });
})

